<template>
  <div class="soundImg" v-if="imgList&&imgList.length>0">
    <div class="img-item"
      v-for="item in imgList"
      :key="item.id"
    >
      <img :src="item.front_cover" alt="">
    </div>
     
  </div>
  <div class="text" v-else>该剧没有图片</div>
</template>

<script>

export default {
  data(){
    return{
      imgList:this.$attrs.imgList
    }
  }
}
</script>

<style lang="stylus" scoped>
.soundImg
  display flex
  flex-wrap wrap
  justify-content flex-start
  .img-item
    padding 0.05rem
    width 1.22rem
    img 
      width 100%
      padding 0.02rem
      border-radius 0.04rem
.text
  text-align center
</style>